// 所用变量名可以去 hooks -> useTheme 中查看

// 主色，通常为组件库中的primary色
$primary: var(--color-primary);
// 比主色更深一点
$primary-deep: var(--color-primary-deep);
// 一般是红色
$danger: var(--color-danger);
// 一般是黄色
$warning: var(--color-warning);
// 通用背景色
$body: var(--color-body);
// 通用文字颜色，一般是深黑色
$text: var(--color-text);
// 文字副色，一般是偏灰色
$text-sub: #858585;
// 文字弱色
$text-placeholder: #b7b7b7;
// 边框颜色
$border: var(--border-color);
// 次级边框颜色
$border-sub: var(--border-sub-color);
// 某些表单元素会用到该颜色
$form-bg: var(--form-color);
// 广告页提示文字颜色
$ads-text: #b7b7b7;
// 表单元素的背景色，比如输入框，国家选择框
$form-item-bg: var(--form-color);
// 深色对应的浅色，常用于深色字体的按钮
$primary-light: #eef8f2;
// 某些内容块的背景色
$block-yellow: #f8cf71;
// 关闭按钮的颜色
$close-icon: #d5d5d5;

$white: #ffffff;
// tag背景色
$tag-bg: var(--tag-bg-color);

$chat-list-bg: var(--chat-list-body);
$chat-footer-bg: var(--chat-footer-bg);
$chat-input-bg: var(--chat-input-bg);
$chat-system-bg: var(--chat-system-bg);
$notice-danger-bg: var(--notice-danger-bg);

$primary-red:#FF5D5F;
$primary-green:#4CA335;
// 水平垂直居中
@mixin center {
  display: flex;
  justify-content: center;
  align-items: center;
}
// 水平居中
@mixin align-center {
  display: flex;
  align-items: center;
}
